<template>
  <div>
    <selectItem @changeSelect="changeSelect" :limitNum="1" :formItem="compConfig" :formNamePath="props.formNamePath">
    </selectItem>
  </div>
</template>

<script lang="ts" setup>
import { ref, computed } from "vue"
import selectItem from "../../formitem/select/index.vue"
import formItemForm from './config';
import { useColumnModel } from '@/components/draggable/hooks/useColumnModel';
import { useModelStore } from '@/store/modules/model/column'
const useModel = useModelStore()
const props = defineProps({
  element: [],
  formNamePath: [],
})
const compConfig = ref(JSON.parse(JSON.stringify(formItemForm.component.settings)));
useColumnModel(compConfig, computed(() => props.element))
const changeSelect = (value: string) => {
  //useModel.setData({ param: formItemForm.component.settings.param, value })
}

</script>

<style lang="less" scoped></style>